<template lang='pug'>
  section
    van-nav-bar(
      title="会员级别说明"
      left-arrow
      @click-left="$router.back()"
      @click-right="levelsShow = !levelsShow"
      )
      .choose-level(slot="right") 级别
        .levels(v-show="levelsShow")
          .level(@click="") 普通会员
          .level 金卡会员
          .level 钻石会员
    pre
      |关于普通会员？
      |当您进入本平台时即为普通会员。
      |云商代言人：当消费满600元时
      |金牌代言人：分享店铺推荐满10人时（被推荐人需通过分享链接点击进入店铺人数计算才会生效）
      |钻石代言人：分享店铺推荐满50人时（被推荐人需通过分享链接点击进入店铺人数计算才会生效）
      |如何提升等级？/如何成为代言人？
      |关于积分？/代言人级别和消费积分的说明
</template>

<script type='text/ecmascript-6'>
  export default {
    components: {

    },
    data() {
      return {
        levelsShow: false
      }
    },
    methods: {

    }
  }
</script>

<style lang='stylus' rel='stylesheet/stylus' scoped>

@import '~assets/stylus/variable.styl'
 
.choose-level
  .levels
    position absolute
    top 4.6rem
    right -1.5rem
    background-color $color-main-l
    white-space nowrap
    .level
      padding 0 1rem
      border-bottom 1px solid

</style>
